:root {
  --main-bg-color: #172a4d; /*弹框背景颜色*/
  --button--primary:#3E86FB;/*弹框按钮背景颜色*/
  --button-first:#172A4D;/*弹框第一个按钮背景颜色*/
  --active-color:#3E86FB;/*tab选中背景颜色*/
  --divider-text:#10203C;/*divider背景颜色*/
  --button-first-color:#ffffff;/*弹框第一个按钮字体颜色*/
  --tabs-item-color:#ffffff;/*tab字体颜色*/
  --input-inner:#10203c;/*输入框背景颜色*/
  --select-dropdown:#10203C;/*下拉框背景颜色*/
  --select-dropdown-color:#ffffff;/*下拉框字体颜色*/
  --select-dropdown-hover:#172A4D;/*下拉框悬浮颜色*/
  --color-heise:#FFFFFF;
  --shijian:#3E86FB;/*监控管理弹框里面的时间背景颜色*/
  --headercss:#172A4D;/*主页面头部背景颜色*/
  --navactcolor:#ffffff;/*头部选中字体颜色*/
  --navactior:#152a4f;/*头部选中背景颜色*/
  --menu-item:#ffffff;/*菜单字体颜色*/
  --breadcrumb-inner:#FFFFFF;/*当前位置的字体颜色*/
  --jlbktcolor:#b7872f;
  --jlbkfcolor:#0230ad;
  --jlbtzcolor:#7025d6;
  --bg-purple:#121a32;
  --color-baise-btn:#ffffff;
  --jlbbackground:#121a32;
  --jlbborder-top:#121a32;
  --jlbborder-bottom:#121a32;
  --bjimage:radial-gradient(#403217, #0f162a);/*井列表的图片上方的字体颜色*/
  --bg-purplebor:#3c445d;/*井列表的边框颜色*/
  --color-bjkz:#ffffff;/*井列表下方的字体颜色*/
  --color-bjkzs:#b7872f;/*井列表下方的字体颜色*/
  --progress-bar-outer:#95AAEB;/*进度条背景颜色*/
  --collapse-item-headerbackground: #00507b;
  --collapse-item-wrap:#10203C;
  --view-leftBox:#172a4d;
  --headrmsgback:#017ffb;
  --headrmsgcolor:#FFFFFF;
  --leftBox-is-checked:#cb993d;
  --leftBox-is-checkedback:#203965;
  --yhqxrigtbox:#10203C;
  --message-box:#10203C;/*弹框的背景颜色*/
  --message-box-title:#ffffff;/*弹框标题的字体颜色*/
  --message-box-content:#ffffff;/*弹框内容的字体颜色*/
  --el-button:#10203C;/*按钮背景颜色*/
  --el-button-border:#cadaf7;/*按钮边框背景颜色*/
  --el-button-color:#ffffff;/*按钮字体颜色*/
  --dropdown-menu:#10203C;/*下拉菜单的背景颜色*/
  --dropdown-menu-item:#FFFFFF;/*下拉菜单的字体颜色*/
  --dropdown-menu-hover:#152a4f;
  --popper-arrow-back:#10203C;/*下拉菜单的下标背景颜色*/
  --checkbox-button-inner:#10203C;/*数据字段背景颜色*/
  --checkbox-button-color:#FFFfff;/*数据字段字体颜色*/
  --tooltip-popper-back:#3E86FB;/*表格鼠标放在tb上面展示的背景颜色*/
  --tooltip-popper-color:#ffffff;/*表格鼠标放在tb上面展示的字体颜色*/
  --message-error-back:#272841;/*错误提示框的背景颜色*/
  --message-success-back:#19303c;/*正确提示框的背景颜色*/
  --picker-panel-back:#10203C;/*日期框下方日历选择背景颜色*/
  --picker-panel-color:#FFFFFF;/*日期框下方日历选择字体颜色*/
  --picker-panel-shortcut-hover:#3E86FB;/*日期框下方日历左边悬浮字体颜色*/
  --picker-date-disabled-color:#ffffff;/*日期框下方日历选中字体颜色*/
  --picker-date-disabled-back:#3E86FB;/*日期框下方日历选中背景颜色*/
  --icon-arrow-right-color:#ffffff;
  --tablebox:#121a32;
  --tablefisbox:#121a32;
  --addright-box:#121a32;
  --addTempbox:#172a4d;
  --addcontrol:#044ab2;
  --addcontrol-color: #fff;
  --notification-back:#10203C;/*消息提示框的背景颜色*/
  --notification-title:#ffffff;/*消息提示框的标题字体颜色*/
  --notification-content:#ffffff;/*消息提示框的内容字体颜色*/
  --head-menu-hover-i:#ffffff;/*头部悬浮图标字体颜色*/
  --table-row-striped:#203965;/*表格每隔一行显示的背景颜色*/
  --menu-vertical-demo:#0F1D36;/*侧边栏背景颜色*/
  --menu-vertical-demo-li-color:#ffffff;/*侧边栏字体颜色*/
  --menuvd-isactive-color:#437EE5;/*侧边栏选中的字体颜色*/
  --menuvd-isactive-hover-back:#437EE5;/*侧边栏悬浮的背景颜色*/
  --menuvd-isactive-hover-color:#FFFFFF;/*侧边栏悬浮的字体颜色*/
  --menuvd-isactive-i-hover-color:#FFFFFF;/*侧边栏悬浮的图标字体颜色*/
  --content-box-back:#10203c;/*主框架背景颜色*/
  --content-box-color:#333;/*主框架字体颜色*/
  --view-main-back:#121a32;/*主框架背景颜色*/
  --view-main-color:#FFFFFF;/*主框架字体颜色*/
  --handle-box-back:#10203C;/*表格头部按钮区背景颜色*/
  --input-inner:#10203C;/*表格头部输入框背景颜色*/
  --select-dropdown-color:#FFFFFF;/*表格头部输入框字体颜色*/
  --table-tr-th-back:#10203c;/*表格头部的背景颜色*/
  --table-tr-th-border:#34599F;/*表格头部的边框颜色*/
  --table-tr-th-color:#ffffff;/*表格头部的字体颜色*/
  --el-dialog-back:#172a4d;/*弹框的背景颜色*/
  --el-dialog-input-back:#10203c;/*弹框里面的输入框背景颜色*/
  --el-dialog-input-color:#ffffff;/*弹框里面的输入框字体颜色*/
  --el-dialog-input-border:#3a5196;/*弹框里面的输入框边框颜色*/
  --el-dialog-textarea-back:#10203c;/*弹框里面的大文本框背景颜色*/
  --el-dialog-textarea-color:#ffffff;/*弹框里面的大文本框字体颜色*/
  --el-dialog-textarea-border:#3a5196;/*弹框里面的大文本框边框颜色*/
  --el-dialog-header-title-color:#E58843;/*弹框里面的头部标题字体颜色*/
  --dialog-footer-button-first-back:#172A4D;/*弹框底部第一个按钮背景颜色*/
  --Breadcrumb-back:#10203c;
  --message-error-back:#10203c;/*错误提示框的背景颜色*/
  --message-success-back:#10203c;/*正确提示框的背景颜色*/
  --message-warning-back:#10203c;/*警告提示框的背景颜色*/
  --color0:#ffffff;
}
/* 暗色系(默认) */  

/* form表单弹框 */
.el-dialog{
  width: 400px;
}
.handle-box > div > .el-input{
  width:initial;
}
.el-dialog .el-dialog__body .el-form{
  display: flex;
  flex-direction: column;
}
.el-dialog .el-dialog__body .el-form .el-row,.el-dialog .el-dialog__body .el-form .el-form-item{
  display: flex;
  /* justify-content: space-around; */
}
.el-dialog .el-dialog__body .el-form .el-textarea{
  width: 230px;
}
/* label */
.el-dialog .el-form-item__label{
  width: 120px;
  color: white;
  white-space: nowrap;
}
.el-dialog .el-form-item__content{
  width: 220px;
}

.el-pagination span,.el-pagination i,.el-pagination button,.el-pagination input,.el-pagination li{
  color:#FFFFFF !important;
  border: 0;
}
.el-pagination input,.el-pagination li,.el-pagination button{
  background-color: #172A4D !important;
}
.el-pagination li.active,.el-pagination li:hover{
  background-color: #437EE5 !important;
}
/* 帮助页面 */
.help .content li{
  color: #FFFFFF;
}
/* 个人中心 */
.grid-content .el-form .el-input__inner{
  color: #ffffff;
  background-color: #10203c;
  border: 1px solid #3a5196;
}
.grid-content .el-form .el-form-item__label{
  color: white;
}
.grid-content .el-form .el-radio{
  color: white;
}
.grid-content .el-form button:first-child{
  background-color: #172A4D;
}
.grid-content .box-card{
  background: #172a4d;
}
.grid-content .clearfix{
  color: white;
}
.grid-content .text{
  color: white;
}
.grid-content .item{
  border-bottom: 1px solid #225171;
}

/* 添加模板 */
.el-radio__inner::after{
  background-color: #e4e4e4!important;
}
/* 表头样式 */
.el-table tr th{
  border: 1px solid var(--table-tr-th-border) !important;
}
/* 表格样式 */
/* 更行换色 */
.el-table__body tr:nth-child(odd){
  background-color: #172A4D;
}
.el-table__body tr:nth-child(even){
  background-color: #203965;
}
.el-table tr td{
  text-align: center;
  border: 1px solid #34599F;
}
/* 操作按钮颜色 */
/* .el-table tr td .cell button i,.el-table tr td .cell button span{
  color: #FFFFFF;
} */
/* 更改tr滑过颜色 */
.el-table__body tr:hover>td{
  background-color:#4e74b9 !important;
}

.el-table__body tr.current-row>td{
  background-color: #4e74b9!important;
}


/* tags标签栏样式 */
/* .tags{
  background: #000000;
}
.tags ul >.tags-li{
  border: 1px solid #e9eaec;
  background: #fff;
  color: #666;
}
.tags ul .tags-li:not(.active):hover{
  color: #fff;
  background: #409eff;
}
.tags ul .tags-li:not(.active):hover .tags-li-title {
  color: #fff;
}
.tags ul .tags-li.active{
  color: #fff;
  background: #409eff;
}
.tags ul .tags-li.active .tags-li-title{
  color: #fff;
}
.tags ul >.tags-li-title {
  color: #666;
}
.tags .tags-prev,.tags .tags-next{
  background: #000000;
  border: 1px solid #000000;
}
.tags .tags-prev:hover >i,.tags .tags-next:hover >i{
  color:  #409eff !important;
}
.tags .tags-down{
  background: #000000;
  border: 1px solid #000000;
}
.tags .tags-down .el-icon-arrow-down{
  font-size: 18px;
  font-weight: bold;
}
.tags .tags-down:hover .el-icon-arrow-down{
  color:  #409eff;
} */